<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
		
	.big{
		font-size:30px;
	}
	
	.important{
		color:red;
	}

</style>
<script src="../js/jquery-1.11.1.js"></script>
<script>
	$(function(){
//		$("p").addClass("big").addClass("important");		
		$("p").addClass("big important");		
		$("p").removeClass("big important");
		console.log($("p").hasClass("big"));
			
	});	
			
	function f1(){
		$("p").toggleClass("big");
		$("p").toggleClass("important");
		
	}		
		
		
		
			
	
</script>
</head>
<body>
	<p>jQuery专门对样式操作提供了支持</p>
	<input type="button" value="切换" 
		onclick="f1();"/>
			
	
	
</body>
</html>

